<%-- 
    Document   : consultaReporte
    Created on : 03/03/2009, 11:34:44 PM
    Author     : Christian
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link rel="stylesheet" href="${pageContext.servletContext.contextPath}/css/consulta.css" media="screen" type="text/css" />
        <link rel="stylesheet" href="${pageContext.servletContext.contextPath}/css/dragdrop.css" media="screen" type="text/css" />
        <script type="text/javascript" src="${pageContext.servletContext.contextPath}/scripts/dragdrop.js"></script>

            	<link rel="stylesheet" type="text/css" href="/yui/assets/yui.css?v=3" >
	<link rel="stylesheet" type="text/css" href="/yui/assets/dpSyntaxHighlighter.css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.7.0/build/button/assets/skins/sam/button.css" />
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/yuiloader/yuiloader-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/dom/dom-min.js"></script>

<script type="text/javascript" src="${pageContext.servletContext.contextPath}/libs/yui/event/event-min.js"></script>
<script type="text/javascript" src="${pageContext.servletContext.contextPath}/libs/yui/animation/animation-min.js"></script>
<script type="text/javascript" src="${pageContext.servletContext.contextPath}/libs/yui/dragdrop/dragdrop-min.js"></script>
<script type="text/javascript" src="${pageContext.servletContext.contextPath}/libs/yui/element/element-min.js"></script>
<script type="text/javascript" src="${pageContext.servletContext.contextPath}/libs/yui/button/button-min.js"></script>

    </head>
    <body>
        <div id="cont">
         <div id="rango">
            <table>
                <tr>
                    <td>Desde:</td>
                    <td><input type="text" name="desde"></td>
                </tr>
                <tr>
                    <td>Hasta:</td>
                    <td><input type="text" name="desde"></td>
                </tr>
            </table>
        </div>
         <div id="elementos">
             <div class="workarea">
              <h3>Elementos Agregados</h3>
              <ul id="ul4" class="draglist">

              </ul>
            </div>
         </div>

        <div id="ciudades">
             <div class="workarea">
                  <h3>Ciudades</h3>
                  <ul id="ul1" class="draglist">
                  <c:forEach items="${ciudades}" var="ciu">
                       <li class="list1" id="li1_1" value="${ciu.idCiudad}">${ciu.nombre}</li>
                  </c:forEach>
                  </ul>
             </div>
        </div>
        <div id="marcas">
            <div class="workarea">
              <h3>List 2</h3>
              <ul id="ul2" class="draglist">
                <c:forEach items="${marcas}" var="mar">
                       <li class="list1" id="li1_1" value="${mar}">${mar}</li>
                 </c:forEach>
              </ul>
            </div>
        </div>
        <div id="delitos">
            <div class="workarea">
              <h3>List 3</h3>
              <ul id="ul3" class="draglist">
                 <c:forEach items="${delitos}" var="del">
                       <li class="list1" id="li1_1" value="${del.idDelito}">${del.nombre}</li>
                  </c:forEach>
              </ul>
            </div>
        </div>

        <button name="consultar" class="botone">Consultar</button>
        </div>
       </body>
</html>
